<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  created() {
    //rem配置
    (function (n) {
      var e = n.document,
        t = e.documentElement,
        i = 720,
        d = i / 32,
        o = "orienttationchange" in n ? "orienttationchange" : "resize",
        a = function () {
          var n = t.clientWidth || 320;
          n > 720 && (n = 720);
          //    let fontsize = n/d<=13?13:n/d;
          let fontsize = parseInt(n / d);
          t.style.fontSize = fontsize + "px";
        };
      e.addEventListener &&
        (n.addEventListener(o, a, 0),
        e.addEventListener("DOMContentLoaded", a, 0));
    })(window);
  },
};
</script>
<style>
#app {
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  color: #2c3e50;
}
body {
  background-image: url("./assets/main-bg.jpg");
  background-repeat: repeat;
  background-position: center;
}
img {
  width: 100%;
}
image,input{
    border: none;
    outline: none;
}

.webkit-box{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.nowrap{
    text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
}
img { border: 0;}
ul, li { list-style: none; }
.description .skills .ivu-progress-inner{
    border-radius: 0 !important;
    background-color: #fff6da !important;
}
.description .skills .ivu-progress-bg{
    border-radius: 0 !important;
    background-color:#f4d03f !important;
}
</style>
